<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>个人信息</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <!--weui.min.css-->
    <link rel="stylesheet" href="/static/index/css/page/base.css"/>
    <link rel="stylesheet" href="/static/index/css/page/font.css"/>
    <link rel="stylesheet" href="/static/index/jquery_weui/css/swiper.min.css"/>
    <link rel="stylesheet" type="text/css" href="/static/index/jquery_weui/lib/weui.min.css">
    <!--jquery-weui.min.css-->
    <link rel="stylesheet" type="text/css" href="/static/index/jquery_weui/css/jquery-weui.min.css">
    <link rel="stylesheet" href="/static/index/css/page/friend.css" />
</head>
<body>
<div class="pageControl friend bg-f5">
    <!--主体-->
    <div class="main">
        <div class="bg-di"></div>
        <div class="msui_nav msui_navTop">
            <a class="msui_navTop-back" href="javascript:history.back();"><i class="micon-back"></i></a>
            <h1 class="msui_navTop-title">聊天</h1>
        </div>
        <div class="top">
            <a class="zhe"></a>
            <!--背景图片-->
            {if $user_info.user_back}
            <img src="{$user_info.user_back}" alt=""/>
            {else}
            <img src="/static/index/img/idx.png" alt=""/>
            {/if}
        </div>
        <div class="weui-cell title bg-fff">
            <div class="weui-cell__bd">
                <p>群成员:</p>
            </div>
        </div>
        <div class="friends">
            <div class="friends-list">
                    <a href="" class="friend-pic"><img src="/static/index/img/1.jpg" alt=""/></a>
                    <a href="" class="friend-pic"><img src="/static/index/img/1.jpg" alt=""/></a>
                    <a href="" class="friend-pic"><img src="/static/index/img/1.jpg" alt=""/></a>
                    <a href="" class="friend-pic"><img src="/static/index/img/1.jpg" alt=""/></a>
                    <a href="" class="friend-pic"><img src="/static/index/img/1.jpg" alt=""/></a>
                    <a href="" class="friend-pic"><img src="/static/index/img/1.jpg" alt=""/></a>
                    <a href="" class="friend-pic"><img src="/static/index/img/1.jpg" alt=""/></a>
                    <a href="" class="friend-pic"><img src="/static/index/img/1.jpg" alt=""/></a>
                    <a href="" class="friend-pic"><img src="/static/index/img/1.jpg" alt=""/></a>

                    <a href="invite.html" class="handle"><img class="jia" src="/static/index/img/jia.png" alt="增加"/></a>
                    <a href="" class="handle"><img class="jian" src="/static/index/img/jian.png" alt="删除"/></a>
            </div>
        </div>
        <div class="friend-bottom">
            <a href="" class="friend-btn cl-f">退出群聊</a>
        </div>
        <!--退出群聊-->
        <div class="quitFriend">
            <div class="bg-di"></div>
            <div class="msui_nav msui_navTop">
                <a class="msui_navTop-back goBack" href="javascript:history.back();"><i class="micon-back"></i></a>
                <h1 class="msui_navTop-title">退出群聊</h1>
            </div>
            <p class="friend-title">是否确定退出群聊</p>
            <div class="friend-flex">
                <a id="quit-qu" href="" class="f-brn bg-ff7 cl-f">取消</a>
                <a href="" class="f-brn bg-b3 cl-f">确定</a>
            </div>
        </div>
        <!--提出群聊-->
        <div id="jian">
            <div class="bg-di"></div>
            <div class="msui_nav msui_navTop">
                <a class="msui_navTop-back goBack" href="javascript:history.back();"><i class="micon-back"></i></a>
                <h1 class="msui_navTop-title">退出聊天群</h1>
            </div>
            <div class="pic bg-fff">
                <!--删除的浮动层加class为delete-->
                <a href="" class="friend-pic delete"><img src="/static/index/img/1.jpg" alt=""/></a>
                <a href="" class="friend-pic"><img src="/static/index/img/1.jpg" alt=""/></a>
                <a href="" class="friend-pic"><img src="/static/index/img/1.jpg" alt=""/></a>
            </div>
            <div class="friend-flex">
                <a href="" class="goBack f-brn bg-ff7 cl-f">取消</a>
                <a href="" class="f-brn bg-b3 cl-f">确定</a>
            </div>
        </div>
    </div>
</div>
<!-- jquery-2.1.4 -->
<script type="text/javascript" src="/static/index/jquery_weui/lib/jquery-2.1.4.js"></script>
<!-- jquery-weui.min.js -->
<script type="text/javascript" src="/static/index/jquery_weui/js/jquery-weui.min.js"></script>
<script src="/static/index/jquery_weui/js/swiper.min.js"></script>
<script>
    $('.jian').click(function (e) {
        e.preventDefault();
        $("#jian").show();
    })
    $("#jian .friend-pic").click(function (e) {
        e.preventDefault();
        $(this).toggleClass('delete')
    })
    $(".goBack").click(function (e) {
        e.preventDefault();
            $(this).parent().parent().hide(400)

    })
    $('#quit-qu').click(function (e) {
        e.preventDefault();0
        +
        $(".quitFriend").hide(400);
    })
    $(".friend-btn").click(function (e) {
        e.preventDefault();
        $(".quitFriend").show();
    })
</script>
</body>
</html>

